<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>分配控制中心</title>
<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/global.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<!-- 头部区域 -->
	<header>
		<ul class="layui-nav" style="text-align: center;">
			<li class="layui-nav-item" x><a href="#"
				style="font-size: 22px; color: red;">当前机型：空客 A321</a></li>
			<li class="layui-nav-item layui-this"><a href="index.html"><i
					class="layui-icon layui-icon-release"></i> &nbsp;航班分配</a></li>
			<li class="layui-nav-item"><a href="instructions.html"><i
					class="layui-icon layui-icon-tabs"></i> &nbsp;使用说明</a></li>
		</ul>
	</header>
	<!-- 内容区域 -->
	<main class="layui-bg-black"> <!-- 飞机模型区域 -->
	<section class="layui-bg-gray left">
		<div class="layui-tab layui-tab-brief">
			<div class="layui-tab-title">
				<li id="tab_qian" class="layui-this">前半舱</li>
				<li id="tab_hou">后半舱</li>
			</div>
			<div class="layui-tab-content">
				<div
					class="layui-tab-item layui-show layui-anim layui-anim-scale placeBox">
					<table class="cabin cabin1">
						<tr>
							<td></td>
							<td>A 靠窗</td>
							<td>B 中间</td>
							<td>C 靠过道</td>
							<td></td>
							<td>J 靠过道</td>
							<td>K 中间</td>
							<td>L 靠窗</td>
						</tr>
					</table>
				</div>
				<div class="layui-tab-item layui-anim layui-anim-scale placeBox">
					<table class="cabin cabin2">
						<tr>
							<td></td>
							<td>A 靠窗</td>
							<td>B 中间</td>
							<td>C 靠过道</td>
							<td></td>
							<td>J 靠过道</td>
							<td>K 中间</td>
							<td>L 靠窗</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</section>
	<!-- 飞机模型区域end --> <!-- 数据区域 -->
	<section class="layui-bg-gray right">
		<!-- .right .top -->
		<div class="layui-bg-gray top">
			<table id="table_user" class="layui-table" lay-filter="tb_user"></table>
			<div class="layui-btn-container">
				<button class="layui-btn" id="btn_getRow" style="margin-left: 10px;">为选中的用户分配座位</button>
				<button class="layui-btn" id="btn_fullHouse">整舱分配</button>
				<button class="layui-btn" id="btn_clearAll">初始化座位</button>
			</div>
		</div>
		<!-- .right .bottom -->
		<div class="layui-bg-gray bottom">
			<div class="information">
				<blockquote class="layui-elem-quote layui-bg-black"
					style="margin: 0;">
					<h1>算法及数据透视</h1>
				</blockquote>
				<table class="layui-table">
					<tr>
						<td>算法耗时</td>
						<td id="inf_sfhs">0</td>
					</tr>
					<tr>
						<td>迭代次数</td>
						<td id="inf_ddcs">0</td>
					</tr>
					<tr>
						<td>本次分配人数</td>
						<td id="inf_bcfprs">0</td>
					</tr>
					<tr>
						<td>机舱总人数</td>
						<td id="inf_jczrs">0</td>
					</tr>
					<tr>
						<td>本次分配满意度</td>
						<td id="inf_bcfpmyd">
							<div class="jdt">0</div>
						</td>
					</tr>
					<tr>
						<td>机舱总满意度</td>
						<td id="inf_jczmyd">
							<div class="jdt">0</div>
						</td>
					</tr>
					<tr>
						<td>综合成绩</td>
						<td id="inf_zhcj">0</td>
					</tr>
				</table>
			</div>
			<div class="other">
				<blockquote class="layui-elem-quote layui-bg-black"
					style="margin: 0;">
					<h1>算法约束</h1>
				</blockquote>
				<div class="layui-form content">
					设置单人分配的权重: <input id="txt_alone" type="text" class="layui-text"
						value="" placeholder="范围: 0.0 - 1.0"> <br />
					<br />
					<br /> 设置团购分配的权重: <input id="txt_team" type="text"
						class="layui-text" value="" placeholder="范围: 0.0 - 1.0"> <br />
					<br />
					<br /> 团队分配时考虑个人偏好: &nbsp;&nbsp;<input type="checkbox"
						name="check_tdgr" value="on" lay-skin="switch" lay-text="ON|OFF"
						checked="checked" /> <br />
					<br />
					<br /> 开启多线程: &nbsp;&nbsp;<input type="checkbox" name="check_dxc"
						value="on" lay-skin="switch" lay-text="ON|OFF" /> <br />
					<br />
					<br />
				</div>
			</div>
			<div style="clear: both;">
				<!--清除浮动-->
			</div>
			<footer class="footer"> &copy;中国软件杯参赛队伍-OracleMini-提供强力算法驱动
			</footer>
		</div>
	</section>
	<!-- 渲染everything --> <script src="js/tablerender.js"
		type="text/javascript" charset="utf-8"></script> </main>
</body>
</html>
